<!DOCTYPE html>
<html lang="zh-cn">

<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<title></title>
	<link rel="stylesheet" href="../stylesheets/common.css" />
	<link rel="stylesheet" href="../stylesheets/help.css" />
</head>

<body>

	<div class="help-logo-container">
		<div class="help-logo"><img class="web-logo" src="../images/logo.png" width="255" height="62" /><span class="web-title">后台管理系统示例</span><span class="help-title">帮助中心</span></div>
	</div>
	<div class="help-container clearfix">
		<div class="help-nav">
			<div id="nicescroll">
				<ul>
					<li class="nav-list"><a class="nav-item nav-active transition" href="###"><b class="nav-icon"></b>常见问题</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>评比系统</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>智课网</a></li>
					<li class="nav-list"><a class="nav-item nav-active transition" href="###"><b class="nav-icon"></b>常见问题</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>评比系统</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>智课网</a></li>
					<li class="nav-list"><a class="nav-item nav-active transition" href="###"><b class="nav-icon"></b>常见问题</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>评比系统</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>智课网</a></li>
					<li class="nav-list"><a class="nav-item nav-active transition" href="###"><b class="nav-icon"></b>常见问题</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>评比系统</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>智课网</a></li>
					<li class="nav-list"><a class="nav-item nav-active transition" href="###"><b class="nav-icon"></b>常见问题</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>评比系统</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>智课网</a></li>
					<li class="nav-list"><a class="nav-item nav-active transition" href="###"><b class="nav-icon"></b>常见问题</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>评比系统</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>智课网</a></li>
					<li class="nav-list"><a class="nav-item nav-active transition" href="###"><b class="nav-icon"></b>常见问题</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>评比系统</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>智课网</a></li>
					<li class="nav-list"><a class="nav-item nav-active transition" href="###"><b class="nav-icon"></b>常见问题</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>评比系统</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>智课网</a></li>
					<li class="nav-list"><a class="nav-item nav-active transition" href="###"><b class="nav-icon"></b>常见问题</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>评比系统</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>智课网</a></li>
					<li class="nav-list"><a class="nav-item nav-active transition" href="###"><b class="nav-icon"></b>常见问题</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>评比系统</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>智课网</a></li>
					<li class="nav-list"><a class="nav-item nav-active transition" href="###"><b class="nav-icon"></b>常见问题</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>评比系统</a></li>
					<li class="nav-list"><a class="nav-item transition" href="###"><b class="nav-icon"></b>智课网</a></li>
				</ul>
			</div>
		</div>
		<div class="help-content">
			<h1 class="article-title">常见问题</h1>
			<ul class="help-question" id="builder">
				<div class="content clearfix" data-role="content">
					<li class="help-list node" data-role="node" data-id="1499331823116288">
						<h2 class="title">问：11111慰问送温情，敬老暖人心——记瓯海慈善总会教育分会泽雅慈善慰问活动</h2>
						<div class="info">
							<div class="info"> <span class="time"><time>2016-01-20</time>更新</span> <span class="author">编辑：undefined</span> <span class="organ">瓯海区泽雅中心学校</span> </div>
						</div>
						<p class="summary">在年终到来之际，由瓯海区慈善总会教育分会组织的慈善慰问活动在泽雅中心校展开林成益、义务教育科陈汉初科长及民办教育科林秀实科长代表瓯海区教育局对退休教师表示亲切关怀</p><span class="view transition"><b class="symbol">&gt;</b>展开详情</span></li>
					<li class="help-list node" data-role="node" data-id="1499331823116289">
						<h2 class="title">问：关于公布区级创客教育试点学校名单的通知</h2>
						<div class="info">
							<div class="info"> <span class="time"><time>2016-01-21</time>更新</span> <span class="author">编辑：undefined</span> <span class="organ">如何安装百度杀毒软件</span> </div>
						</div>
						<p class="summary">百度杀毒是百度公司全新出品的专业杀毒软件，集合了百度强大的云端计算、海量数据学习能力与百度自主研发的反病毒引擎专业能力，一改杀毒软件卡机臃肿的形象，竭力为用户提供轻巧不卡机的产品体验。百度杀毒郑重承诺：永久免费、不骚扰用户、不胁迫用户、不偷窥用户隐私！百度杀毒是百度公司全新出品的专业杀毒软件，集合了百度强大的云端计算、海量数据学习能力与百度自主研发的反病毒引擎专业能力，一改杀毒软件卡机臃肿的形象，竭力为用户提供轻巧不卡机的产品体验。百度杀毒郑重承诺：永久免费、不骚扰用户、不胁迫用户、不偷窥用户隐私！百度杀毒是百度公司全新出品的专业杀毒软件，集合了百度强大的云端计算、海量数据学习能力与百度自主研发的反病毒引擎专业能力，一改杀毒软件卡机臃肿的形象，竭力为用户提供轻巧不卡机的产品体验。百度杀毒郑重承诺：永久免费、不骚扰用户、不胁迫用户、不偷窥用户隐私！</p><span class="view transition"><b class="symbol">&gt;</b>展开详情</span></li>
					<li class="help-list node" data-role="node" data-id="1499331823116290">
						<h2 class="title">问：南白象新生小学党支部召开换届选举大会</h2>
						<div class="info">
							<div class="info"> <span class="time"><time>2016-01-22</time>更新</span> <span class="author">编辑：undefined</span> <span class="organ">瓯海区南白象中心学校</span> </div>
						</div>
						<p class="summary">南白象新生小学党支部召开换届选举大会会议由教学科研处主任潘素燕主持。首先全体党员审议通过了周旭东同志代表上一届支部委员会所做的工作报告；接着按照议程，应红贤老师宣读了选举办法及候选人基本情况；然后进行了换届选举，选举产生了新一届支委成员：周旭东任支部书记、潘素燕和应红贤分别任组织委员和宣传委员。最后，蔡振堂老师作了重要讲话。首先，充分肯定新生小学在上一届支部委员会带领下所取得的办学成绩，并对新当选的支部委员表示热烈祝贺。接着就今后工作提出殷切的希望，希望新一届支部委员会要充分发挥学校党支部的战斗堡垒作用，多为学校办实事，促进学校事业又好又快发展，希望党支部要围绕教育教学中心做好党建工作，尤其要做好深化课程改革和课堂变革，提高教育教学质量，希望党支部要切实做好党员的自身建设，为新生小学教育的发展作出更大贡献。最后祝愿新生小学党支部在新一届支委会的带领下，精诚团结，再创佳绩。</p><span class="view transition"><b class="symbol">&gt;</b>展开详情</span></li>
											<li class="help-list node" data-role="node" data-id="1499331823116290">
						<h2 class="title">问：南白象新生小学党支部召开换届选举大会</h2>
						<div class="info">
							<div class="info"> <span class="time"><time>2016-01-22</time>更新</span> <span class="author">编辑：undefined</span> <span class="organ">瓯海区南白象中心学校</span> </div>
						</div>
						<p class="summary">南白象新生小学党支部召开换届选举大会会议由教学科研处主任潘素燕主持。首先全体党员审议通过了周旭东同志代表上一届支部委员会所做的工作报告；接着按照议程，应红贤老师宣读了选举办法及候选人基本情况；然后进行了换届选举，选举产生了新一届支委成员：周旭东任支部书记、潘素燕和应红贤分别任组织委员和宣传委员。最后，蔡振堂老师作了重要讲话。首先，充分肯定新生小学在上一届支部委员会带领下所取得的办学成绩，并对新当选的支部委员表示热烈祝贺。接着就今后工作提出殷切的希望，希望新一届支部委员会要充分发挥学校党支部的战斗堡垒作用，多为学校办实事，促进学校事业又好又快发展，希望党支部要围绕教育教学中心做好党建工作，尤其要做好深化课程改革和课堂变革，提高教育教学质量，希望党支部要切实做好党员的自身建设，为新生小学教育的发展作出更大贡献。最后祝愿新生小学党支部在新一届支委会的带领下，精诚团结，再创佳绩。</p><span class="view transition"><b class="symbol">&gt;</b>展开详情</span></li>
											<li class="help-list node" data-role="node" data-id="1499331823116290">
						<h2 class="title">问：南白象新生小学党支部召开换届选举大会</h2>
						<div class="info">
							<div class="info"> <span class="time"><time>2016-01-22</time>更新</span> <span class="author">编辑：undefined</span> <span class="organ">瓯海区南白象中心学校</span> </div>
						</div>
						<p class="summary">南白象新生小学党支部召开换届选举大会会议由教学科研处主任潘素燕主持。首先全体党员审议通过了周旭东同志代表上一届支部委员会所做的工作报告；接着按照议程，应红贤老师宣读了选举办法及候选人基本情况；然后进行了换届选举，选举产生了新一届支委成员：周旭东任支部书记、潘素燕和应红贤分别任组织委员和宣传委员。最后，蔡振堂老师作了重要讲话。首先，充分肯定新生小学在上一届支部委员会带领下所取得的办学成绩，并对新当选的支部委员表示热烈祝贺。接着就今后工作提出殷切的希望，希望新一届支部委员会要充分发挥学校党支部的战斗堡垒作用，多为学校办实事，促进学校事业又好又快发展，希望党支部要围绕教育教学中心做好党建工作，尤其要做好深化课程改革和课堂变革，提高教育教学质量，希望党支部要切实做好党员的自身建设，为新生小学教育的发展作出更大贡献。最后祝愿新生小学党支部在新一届支委会的带领下，精诚团结，再创佳绩。</p><span class="view transition"><b class="symbol">&gt;</b>展开详情</span></li>
											<li class="help-list node" data-role="node" data-id="1499331823116290">
						<h2 class="title">问：南白象新生小学党支部召开换届选举大会</h2>
						<div class="info">
							<div class="info"> <span class="time"><time>2016-01-22</time>更新</span> <span class="author">编辑：undefined</span> <span class="organ">瓯海区南白象中心学校</span> </div>
						</div>
						<p class="summary">南白象新生小学党支部召开换届选举大会会议由教学科研处主任潘素燕主持。首先全体党员审议通过了周旭东同志代表上一届支部委员会所做的工作报告；接着按照议程，应红贤老师宣读了选举办法及候选人基本情况；然后进行了换届选举，选举产生了新一届支委成员：周旭东任支部书记、潘素燕和应红贤分别任组织委员和宣传委员。最后，蔡振堂老师作了重要讲话。首先，充分肯定新生小学在上一届支部委员会带领下所取得的办学成绩，并对新当选的支部委员表示热烈祝贺。接着就今后工作提出殷切的希望，希望新一届支部委员会要充分发挥学校党支部的战斗堡垒作用，多为学校办实事，促进学校事业又好又快发展，希望党支部要围绕教育教学中心做好党建工作，尤其要做好深化课程改革和课堂变革，提高教育教学质量，希望党支部要切实做好党员的自身建设，为新生小学教育的发展作出更大贡献。最后祝愿新生小学党支部在新一届支委会的带领下，精诚团结，再创佳绩。</p><span class="view transition"><b class="symbol">&gt;</b>展开详情</span></li>
				</div>
			</ul>
			<div class="help-top transition"></div>
			<div id="Pagination" class="pagination">
			</div>
		</div>


	</div>

	<script type="text/javascript" src="../ext/jquery/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="../ext/zw/lui/common.js"></script>
	<script type="text/javascript" src="../ext/zw/lui/compont.js"></script>
	<script type="text/javascript" src="../ext/zw/lui/luicontroller.js"></script>
	<script type="text/javascript" src="../ext/zw/lui/pagination.js"></script>
	<script type="text/javascript" src="../ext/zw/lui/builder.js"></script>
	<script type="text/javascript" src="../ext/jquery/jquery.nicescroll.min.js"></script>

	<script>
		$(function () {

			var builderSetting = {
				key: {
					dataKey: "d"
				},
				async: {
					enabled: false,
					url: "data.json"
				},
				view: {
					nodeFormater: function (nodeData, nodeIndex) {
						//这段代码请自已按条件写！
						/*<!-- 文章短触发JS,文单过长时输出链接 -->
					<span class="view transition"><b class="symbol">&gt;</b>展开详情</span>
					<!--<a class="view transition" href="###">查看详情</a>-->*/

						return '<li class="help-list"><h2 class="title">问：' + nodeData.title + '</h2><div class="info"><div class="info"> <span class="time"><time>' + nodeData.utime + '</time>更新</span> <span class="author">编辑：' + nodeData.username + '</span> <span class="organ">' + nodeData.userDeptName + '</span> </div></div><p class="summary">' + nodeData.context + '</p><span class="view transition"><b class="symbol">&gt;</b>展开详情</span></li>';
					}
				},
			}

			builderO = $("#builder").builder(builderSetting, function ($addNode, builderObj) {

				//初始化内容后，再初始化分页配置
				var pagingSetting = {

					store: {
						//从页面请求数据从获得总文章数量
						total: 500,
					},
					view: {

						//关闭限制树选择
						//enabledPageLimit: false
					},
					callback: {
						nodeClick: function ($currentNode, currentData, pagingObj) {
							if (currentData.state != "disabled") {
								//加载方式1：静态测试请求资讯内容
								//builderObj.load("data2.json")
								//加载方式2：持续加载
								builderObj.load("data2.json")

								/*								//post请求
																var ajaxSetup = {
																	enabled: true,
																	url: "data2.json",
																	type: "post",
																	//请求查询条件
																	data: {
																		//查询位置
																		offset: (currentData.pageNum - 1) * pagingObj.config.view.pagingSize,
																		limit: pagingObj.config.view.limit
																	}
																};
																
																//测试：查看请求的查询条件参数是否有传入
																builderObj.config.callback.asyncBeforeSendCallback=function(jqXHR, ajaxSetup){
																	log(jqXHR)
																	log(ajaxSetup)
																}

																//覆盖原ajax配置
																$.extend(true, builderObj.config.async, ajaxSetup);
																//发起请求，载入数据
																builderObj.load(ajaxSetup);*/
							}
						},
						jumpChange: function (jumpNum, pagingO) {
							builderObj.load("data2.json")
								//代码参考nodeClick
						},
						limitChange: function (limitSize, pagingO) {
							builderObj.load("data2.json")
								//代码参考nodeClick

						}

					}
				}
				pagingO = $("#Pagination").pagination(pagingSetting);
			});


			//滚动事件
			$(document).scroll(function () {
				//保存目录原始高度
				var nicescroll = $("#nicescroll");
				var helpNav = $(".help-nav");
				var helpCatalog = $(".help-nav ul");
				var helpCatalogHeight = helpCatalog.outerHeight();
				var helpLogoHeight = $(".help-logo-container").outerHeight();
				//取得当前窗口尺寸

				var windowHeight = $(window).height();
				var windowWidth = $(window).width();
				//滚动条当前位置
				var currentScrollTop = $(document).scrollTop();

				//目标对象当前位置
				var tgtPosTop = $(".help-container").offset().top;
				//存储当前位置
				var tgtTop = $(".help-container").css("top");

				//根据右侧信息，求得右则框的高度
				var catalogHieght;

				//自适应右侧目录，过长时出现滚动条


				if (helpLogoHeight > currentScrollTop) {
					//说明滚动的视图区域还未滚出头部logo区
					//计算右侧目录时要再减去现在滚动的距离

					catalogHieght = windowHeight - (helpLogoHeight - currentScrollTop) - 10;
					//helpCatalog.height(windowHeight - $(".catalog-title").outerHeight() - parseInt($(".catalog-title").css("marginBottom")) - currentScrollTop - 10);
				} else {
					catalogHieght = windowHeight - 10;

					//helpCatalog.height(windowHeight - $(".catalog-title").outerHeight() - parseInt($(".catalog-title").css("marginBottom")) - 10);
				}
				//自适应右侧目录的大前提是，列表区内容超过了规定的高度

				if (helpCatalogHeight > catalogHieght && windowWidth > 800) {
					nicescroll.height(catalogHieght);
					nicescroll.niceScroll({
						cursorcolor: '#7db7fb',
						cursorwidth: '6px',
						cursorborderradius: 2,
						autohidemode: true,
						background: '#d0d0d0',
						cursoropacitymin: 0.2,
						cursorborder: 'none',
						horizrailenabled: true,
						hidecursordelay: 600
					});
					//因为出现了滚动条，所以要将列表的外边距设置为6px
					helpCatalog.find("li").css("marginRight","6px")
				}

				//判断是否是小窗口
				if (windowWidth > 800) {
					if (currentScrollTop >= tgtPosTop) {
						if (helpNav.css("position") != "fixed") {
							helpNav.css({
								"position": "fixed",
								"top": 0
							});
						}
					} else {
						//false
						if (helpNav.css("position") != "absolute") {
							helpNav.css({
								"position": "absolute",
								"top": tgtTop
							});
						}
					}
				} else {
					if (helpNav.css("position") != "absolute") {
						helpNav.css({
							"position": "absolute",
							"top": tgtTop
						});
						nicescroll.height("auto")
					}
				}
			})

			$(window).resize(function () {
				$(document).scroll();
			});

			$(window).resize();

			/*初始化控件*/
			initWidget()
				/*侦听*/
			addListeners();

		});

		/*初始化控件*/
		function initWidget() {

		}

		//add check.js暴露方法，单独验证
		/*$("#search1").change(function () {
			var ccc=$(this).check("expose").isEmpty($(this).val());
		})*/

		function addListeners() {

			//展开与折叠
			$("#builder").delegate(".view", "click", function (event) {
				//判断自已是否为a标签
				stopPropagation(event)
				if ($(this).get(0).nodeName != "A") {
					var summary = $(this).parent().find(".summary");
					if (!summary.is(".detail")) {
						summary.addClass("detail")
						$(this).html("<b class='symbol'>&lt;</b>折叠详情")
						$(this).addClass("active")

					} else {
						summary.removeClass("detail")
						$(this).html("<b class='symbol'>&gt;</b>展开详情")
						$(this).removeClass("active")
					}
				}
			});

			//滚动到顶部
			$(".help-top").click(function () {
				scrollTo(0);
			});
		}
	</script>
</body>

</html>